﻿@{
    Layout = "~/Views/Shared/_layoutContent.cshtml";
    ViewBag.Title = "客户缴费";
}

@section head{
    <script type="text/javascript" src="@Url.Content("~/Scripts/js/Charge/CustomerCharge.js")"></script>
    <style type="text/css">
        .txtMoney { background-color: #F0F0F0; }
        .layoutTable { width: 450px; float: left; }
        .validatebox-text { border: 0; }
    </style>
}
<div class="Bar">
    <input type="hidden" id="CustomerID" dn="ID" />
    客户名称、地址、联系人信息：<input type="text" id="txtCustomerName" />
</div>
<div id="chargeInfo">
    <div id="tabs" class="easyui-tabs" style="">
        <div title="客户信息" t="1" style="padding: 3px;">
            <div id="cc" class="easyui-layout" style="width: 100%; border: 0px; height: 100%;">
                <div region="east" title="客户协议" split="true" style="width: 250px;">
                    <div id="frmCustomerInfo1" action="#">
                        <table class="layoutTable" style="width: 100%">
                            @*<tr>
                                <td colspan="4" style="background-color: #8DB2E3">客户协议</td>
                            </tr>*@
                            <tr>
                                <td>协议编号</td>
                                <td>
                                    <label id="ACODE" dn="ACODE"></label>
                                </td>
                            </tr>
                            <tr>
                                <td>协议金额</td>
                                <td>
                                    <label id="AgreeMoney" dn="MONEY"></label>
                                </td>
                            </tr>
                            <tr>
                                <td>协议时间起</td>
                                <td>
                                    <label id="AgreeBegin" dn="BEGINDATE"></label>
                                </td>
                            </tr>
                            <tr>
                                <td>协议时间止</td>
                                <td>
                                    <label id="AgreeEnd" dn="ENDDATE"></label>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div region="west" split="true" title="基本信息" style="width: 250px;">
                    <div id="frmCustomerInfo" action="#">
                        <table class="layoutTable" style="width: 100%">
                            @* <tr>
                                <td colspan="4" style="background-color: #8DB2E3">基本信息</td>
                            </tr>*@
                            <tr>
                                <td>客户编号</td>
                                <td>
                                    <label id="CustomerCode" dn="CODE"></label>
                                </td>
                            </tr>
                            <tr>
                                <td>客户名称</td>
                                <td>
                                    <label id="CustomerName" dn="NAME"></label>
                                </td>
                            </tr>
                            <tr>
                                <td>联系人</td>
                                <td>
                                    <label id="CustomerContactor" dn="CONTACTOR"></label>
                                </td>
                            </tr>
                            <tr>
                                <td>联系人电话</td>
                                <td>
                                    <label id="CustomerPhone" dn="MOBILEPHONE"></label>
                                </td>
                            </tr>
                            <tr>
                                <td>客户类型</td>
                                <td>
                                    <label id="CustomerType" dn="TYPENAME"></label>
                                </td>
                            </tr>
                            <tr>
                                <td>所在区域</td>
                                <td>
                                    <label id="CustomerArea" dn="AREANAME"></label>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div region="center" title="缴费明细" style="">
                    <!--缴费项-->
                    <table id="gridCharge">
                        <thead>
                            <tr>
                                <th data-options="field:'Name',width:50">缴费项名称</th>
                                <th data-options="field:'Price',width:50">单价</th>
                                <th data-options="field:'Count',width:40">数量</th>
                                <th data-options="field:'AgreeMentMoney'">单项协议金额</th>
                                @*<th data-options="field:'ItemCount',width:30">小计</th>*@ </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
        <div title="子客户信息" t="1" style="padding: 3px;">
            <div id="div_child">
                <table id="gridChildrenMsg">
                    <thead>
                        <tr>
                            <th data-options="field:'Code',width:50">客户编号</th>
                            <th data-options="field:'Name',width:50">客户名称</th>
                            <th data-options="field:'AreaName',width:100">所属地区</th>
                            <th data-options="field:'Address',width:100">客户地址</th>
                            <th data-options="field:'Contactor',width:50">联系人</th>
                            <th data-options="field:'Phone',width:50">联系电话</th>
                            @* <th data-options="field:'ItemCount',width:30">小计</th>*@ </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
        <div title="历史缴费信息" t="1" style="padding: 3px; overflow-y: auto; bottom: 3px;">
            <div id="div_history">
                <table id="gridHistoryCharge">
                    <thead>
                        <tr>
                            <th data-options="field:'ID',width:50,hidden:true">缴费ID</th>
                            <th data-options="field:'CUSTOMERID',width:100,hidden:true">客户ID</th>
                            <th data-options="field:'CREATEDATE',width:50">缴费时间</th>
                            <th data-options="field:'MONEY',width:100">缴费金额</th>
                            <th data-options="field:'CUSTOMERNAME',width:50,hidden:true">客户名称</th>
                            <th data-options="field:'OPERATORID',width:50,hidden:true">操作员ID</th>
                            <th data-options="field:'BEGINDATE',width:50">缴费开始时间</th>
                            <th data-options="field:'ENDDATE',width:50">缴费结束时间</th>
                            <th data-options="field:'STATUS',width:30">状态</th>
                            <th data-options="field:'OPERATORNAME',width:30">操作员</th>
                            <th data-options="field:'ISAGREEMENTCHARGE',width:30">是否协议缴费</th>
                            <th data-options="field:'AGREEMENTID',width:50,hidden:true">协议ID</th>
                            <th data-options="field:'CODE',width:30">协议编号</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
        @*<div title="欠费信息" style="padding: 3px;"></div>*@ </div>
    @*本次缴费总计<input type="text" class="txtMoney" id="totalMoney" readonly="readonly" vrequired="t" />￥*@ <br />
    <div style="position: absolute; bottom: 4px; height: 60px; line-height: 60px; background-color: #F0F0F0; text-align: right; width: 99%;">缴费时长
	<select id="FeeMonthCount" style="width: 70px">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="24">24</option>
        <option value="36">36</option>
    </select>
        用户实缴<input type="text" id="FeeMoney" class="easyui-numberbox" vrequired="t" data-options="min:0,precision:2" />￥
	<a id="btnCalculate" href="#" class="easyui-linkbutton" style="margin-right: 10px;" icon="icon-save" onclick="SaveFeeRecord()">缴费</a></div>
</div>
